<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <style>


    </style>
</head>
<body>
<div class="wap">
    <div class="header">
        <div class="con">
            <h1><img src="images/name.png" alt=""></h1>
            <p>“子曰："三人行，必有我师焉；择其善者而从之，其不善者而改之。”
                意思是：孔子说：“别人的言行举止，必定有值得我学习的地方。
                选择别人好的学习，看到别人缺点，反省自身有没有同样的缺点，
                如果有，加以改正。”</p>
        </div>
    </div>
    <div class="main">
        <div class="nav">
            <div class="n">
                <div class="one">
                    <div class="one-top">
                        <a href=""><img src="images/imminent-particles.jpg" alt=""></a>
                    </div>
                    <div class="one-botton"><b>我的简介</b></div>
                </div>
            </div>
            <div class="n">
                <div class="one">
                    <div class="one-top">
                        <a href=""><img src="images/imminent-static.jpg" alt=""></a>
                    </div>
                    <div class="one-botton"><b>我的生活</b></div>
                </div>
            </div>
           <div class="n">
               <div class="one">
                   <div class="one-top">
                       <a href=""><img src="images/imminent-slides.jpg" alt=""></a>
                   </div>
                   <div class="one-botton"><b>我的作品</b></div>
               </div>
           </div>


        </div>
    </div>
</div>



<script>

</script>
</body>
</html>